<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@include file="base.jsp" %>
<%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags" %>
<sys:genericTag4o id="menusByUser" methodName="queryMenusByUser" className="com.tmpt.controller.taglib.SecurityV2Tag"/>

<%@ taglib uri="http://www.tonbeller.com/jpivot" prefix="jp" %>
<%@ taglib uri="http://www.tonbeller.com/wcf" prefix="wcf" %>
<%
//switch to desktop mode
String showMode = (String)session.getAttribute("showMode");
if("desktop".equals(showMode)){
    response.setContentType("text/html; charset=UTF-8");
	response.sendRedirect("../admin123/desktop/index.jsp");
	session.setAttribute("showMode", "");
}
 %>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>${attr.webTitle}</title>

<%@include file="base_resource.jsp" %>
<link rel="stylesheet" type="text/css" href="${path}/js/jquery/easyui1.5/themes/bootstrap/easyui.css"/>
<link rel="stylesheet" type="text/css" href="${path}/js/jquery/easyui1.5/themes/icon.css"/>
<%--<link href="${path}/css/font-awesome4.7.0.css" rel="stylesheet">--%>
<script type="text/javascript" src="${path}/js/jquery-1.8.0.min.js"></script>
<script src="${path}/js/jquery/easyui1.5/jquery.easyui.min.js"></script>
<script src="${path}/js/jquery/easyui1.5/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript" src="${path}/js/cookie/jquery.cookie.js"></script>
<script type="text/javascript">
	var _path = '${path}';
	//多长时间查一次问题申报，为了测试方便，关闭方法如下：
	//http://localhost/zpmng/admin123/index1.jsp?_delay=1000
	var _delay = '${param._delay}';
	var timer4issueDeclareDelay = 5 * 1000;
	if(_delay != ''){
		timer4issueDeclareDelay = _delay * 1000;
	}

	function debug(){
		window.location.href="index1.jsp?_delay=1000";
	}
</script>
<script type="text/javascript" src="${path}/js/myjs/index.js?random=<%=Math.random()%>"></script>

<style type="text/css">
	.west{
		width: 200px;
		padding: 0px;
		overflow-y:auto;
		overflow-x:hidden;
	}
	.north{
		padding-left: 10px;
		position: relative;
		height: 60px;
		margin: auto 0 ;
		font-size: 16px;
  		background-color: #3c8dbc;
		background: -webkit-linear-gradient(top,#3c8dbc 0,#3c8dbc 100%);
		background: -moz-linear-gradient(top,#3c8dbc 0,#3c8dbc 100%);
		background: -o-linear-gradient(top,#3c8dbc 0,#3c8dbc 100%);
		background: linear-gradient(to bottom,#3c8dbc 0,#3c8dbc 100%);
		background-repeat: repeat-x;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#EFF5FF,endColorstr=#E0ECFF,GradientType=0);
	}
	.tree-node {
		height: 22px;
		white-space: nowrap;
		cursor: pointer;
	}

	.north_btn_a {
		text-decoration: none;
		color:SpringGreen;
	}
	.north_btn_a:hover
	 {
		color: #ffffff;
	 }

	.circle
	{
		border:0px solid darkgreen;
		border-radius:25px;
		-moz-border-radius:25px; /* Old Firefox */
		color: white;
		background: red;
		text-align: center;
		font-size: 11px;
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 1px;
		padding-bottom: 1px;
		margin-left: 5px;
	}
</style>
</head>
<body class="easyui-layout">
	<%--<c:if test="${query01 != null}">
		<jp:destroyQuery id="query01"/>
	</c:if>--%>

	<!--  <font color=red>注：退出系统时请使用菜单栏中[退出]按钮退出，非正常退出将导致账户被锁30分钟，30分钟后方可正常登录</font> -->
	<div region="north" class="north" >

		<div style="color:#ffffff;">
			<div style="width: 60px;height:50px;float: left;margin-top: 10px;margin-left: 15px;">
				<%--<i class="fa fa-keyboard-o fa-3x SpringGreen " aria-hidden="true"></i>--%>
				<%--<i class="fa fa-codepen fa-3x SpringGreen " aria-hidden="true"></i>--%>
				<img style="width: 40px;height:40px;" src="../images/logo5.png" alt="">
			</div>
			<div style="height:50px;float: left;margin-top: 13px;margin-left: 10px;">
				<span style="font-size: large;color:#ffffff;">${attr.webTitle}</span>
				<br/>
				<span style="font-size: small;color:#dddddd;">  Just do it, everything is under control.</span>
			</div>
		</div>
		<div style="position:absolute;bottom:10px;right:10px;z-index:22;color:#ffffff;border: 0px solid red;font-size: 15px;">
			<span style="margin-right: 10px;">
				<i class="fa fa-user-circle-o fa-1x fa-fw"></i>
				<s:property value="#attr.magSystemDtoSession.name"/>
				，这是您第
				<span style="color: #fff;"><s:property value="#attr.magSystemDtoSession.loginTimes+1"/></span>
				次登录系统
			</span>
			<%--<span style="margin-right: 10px;">
				<a href="#" class="north_btn_a"  onclick="javascript:goDesktopMode();">
					<i class="fa fa-desktop fa-1x fa-fw SpringGreen"></i>
					切换到桌面模式</a>
			</span>--%>
			<%--<span style="margin-right: 10px;">
				<a href="#" class="north_btn_a"  onclick="javascript:debug();">
					<i class="fa fa-cog fa-fw fa-1x SpringGreen"></i>
					Debug模式
				</a>
			</span>--%>

			<span style="margin-right: 10px;">
				<a href="#" class="north_btn_a"  onclick="javascript:goOut();">
					<i class="fa fa-sign-out fa-1x fa-fw SpringGreen"></i>
					退出
				</a>
			</span>
		</div>

	</div>


	<div id="west" region="west" class="west" title="菜单栏">
		<div style="background:#eaeaea;width:100%;height: 26px;padding-top:2px;text-align: center;border-bottom: 1px solid #cccccc;">
			<a href="#" id="accordionBtn" class="easyui-linkbutton" plain="true" iconCls="fa fa-align-justify DarkGreen">手风琴</a>
			<a href="#" id="treeBtn" class="easyui-linkbutton" plain="true" iconCls="fa fa-tree DarkGreen">树型菜单</a>
		</div>
		<div id="accordionDiv" style="width: 200px;">
			<div id="accordion" class="easyui-accordion"></div>
		</div>
		<div id="tree" style="margin-left: 10px;margin-top: 5px;"></div>
	</div>


	<div region="center">
		<div id="tabs" class="easyui-tabs" fit="true" border="false">
			<div title="首页">
				<div style="height: 35px;"></div>

				<div style="border: 0px solid red; text-align: center; height: 40px ; line-height: 40px; font-size: 16px; font-weight: bold; color: #666666;">
					<span style="color: #0081c2;"><s:property value="#attr.magSystemDtoSession.name"/>&nbsp;</span>
					欢迎您！
					这是您第
					<span style="color: #0081c2;"><s:property value="#attr.magSystemDtoSession.loginTimes+1"/></span>
					次登录系统

					<s:if test="#attr.magSystemDtoSession.loginTimeLastStr!=''">
					，上次登录时间是
						<span style="color: red;"><s:property value="#attr.magSystemDtoSession.loginTimeLastStr"/></span>
					</s:if>
				</div>
			</div>
		</div>
	</div>

	<div region="south" class="south">
		&nbsp;&nbsp;Just do it, everything is under control.
		<%--&nbsp;&nbsp;Copyright © 2017 JeeCoding Company. All rights reserved.--%>
	</div>

	<div id="tabsMenu" class="easyui-menu" style="width:120px;">
		<div name="Close">关闭标签</div>
		<div name="Other">关闭其它标签</div>
		<div name="All">关闭所有标签</div>
	</div>

</body>
</html>
